.bar-stable {
  background-color: #378ffd !important; }

ion-tabs.tabs-color-active-positive .tab-item {
  color: #b0b8c3; }

ion-tabs.tabs-color-active-positive .tab-item.tab-item-active,
ion-tabs.tabs-color-active-positive .tab-item.active,
ion-tabs.tabs-color-active-positive .tab-item.activated {
  color: #378ffd; }

.tab-item .icon {
  margin-top: 13px !important;
  font-size: 25px !important; }

.button.disabled,
.button[disabled] {
  color: #b0b8c3 !important; }

.slidingTabs ul li {
  color: #999999 !important; }

.title {
  padding: 0px 16px 0px 16px;
  margin-bottom: 5px;
  margin-top: 10px;
  height: 20px; }
  .title h4 {
    font-size: 13px;
    width: 140px;
    float: left;
    color: #5b5858;
    margin: 3px 0px 0px 0px; }
  .title .buttons {
    float: right; }
    .title .buttons .button {
      float: left;
      min-height: 20px;
      line-height: 20px;
      font-size: 10px;
      padding: 0px 10px;
      background-color: #fff;
      border: none; }
      .title .buttons .button.activeted {
        color: #ffffff;
        border-radius: 15px;
        background: #37bbff !important; }

.home .slidingTabs ul {
  background-color: #fdfdfd !important; }
  .home .slidingTabs ul li {
    color: #cccccc; }
    .home .slidingTabs ul li.tab-active {
      color: #000000; }

.home .label1 {
  background-color: #ececec; }
  .home .label1 .img {
    position: relative; }
    .home .label1 .img img {
      width: 100%;
      max-height: 200px; }
    .home .label1 .img ul {
      position: absolute;
      bottom: 35px;
      left: 0px;
      width: 100%; }
      .home .label1 .img ul li {
        float: left;
        width: 50%;
        padding-left: 20px;
        min-height: 40px;
        color: #ffffff; }
        .home .label1 .img ul li h4 {
          margin: 0px;
          font-size: 16px;
          color: #ffffff;
          font-weight: bold; }
        .home .label1 .img ul li span {
          font-size: 11px;
          font-weight: normal; }
        .home .label1 .img ul li:first-child {
          padding-left: 0px;
          padding-right: 20px;
          border-right: 1px solid #ffffff;
          text-align: right; }
  .home .label1 .l1 ul {
    margin-top: -5px; }
    .home .label1 .l1 ul .rate {
      background-color: #ffffff;
      padding: 5px 10px 0px 10px; }
      .home .label1 .l1 ul .rate li {
        display: block; }
        .home .label1 .l1 ul .rate li:first-child {
          height: 30px;
          line-height: 30px;
          border-bottom: 1px solid #f0f0f0;
          margin-bottom: 5px; }
          .home .label1 .l1 ul .rate li:first-child h4 {
            width: 150px;
            margin: 5px 0px 0px 0px;
            float: left;
            color: #888686;
            font-size: 15px; }
          .home .label1 .l1 ul .rate li:first-child span {
            float: right;
            font-size: 10px;
            color: #bebebe; }
        .home .label1 .l1 ul .rate li:last-child {
          position: relative;
          min-height: 80px; }
          .home .label1 .l1 ul .rate li:last-child .progress {
            position: absolute;
            width: 100px;
            height: 100%;
            left: 0px;
            top: 0px; }
          .home .label1 .l1 ul .rate li:last-child .desc {
            padding-left: 110px;
            width: 75%; }
            .home .label1 .l1 ul .rate li:last-child .desc p {
              margin-bottom: 0px;
              color: #b8b8b8; }
            .home .label1 .l1 ul .rate li:last-child .desc .pro {
              border-radius: 5px;
              width: 80px;
              height: 8px;
              margin-bottom: 10px;
              background-color: #bac2d2; }
              .home .label1 .l1 ul .rate li:last-child .desc .pro.pro2 {
                background-color: #467bd7; }

.home .label3 {
  background-color: #ffffff; }

.ranking .nav {
  padding: 0px 16px;
  cursor: pointer;
  height: 48px;
  color: #0d0d0d;
  font-size: 16px;
  line-height: 48px; }
  .ranking .nav i.icon {
    float: right;
    color: #e1e1e1;
    font-size: 16px; }

.ranking .top10 {
  width: 100%;
  max-height: 80px; }

.ranking .top {
  width: 100%;
  margin-bottom: 20px; }
  .ranking .top .th {
    width: 20%;
    display: inline-block;
    text-align: center; }
    .ranking .top .th img {
      width: 15px;
      height: 15px;
      position: relative;
      top: 2px; }
  .ranking .top span.top3 {
    position: relative;
    z-index: 5;
    display: inline-block; }
    .ranking .top span.top3.bg {
      color: #ffdd1a;
      z-index: 1;
      font-size: 35px;
      top: 10px; }
      .ranking .top span.top3.bg.t2 {
        color: #c1c7cf; }
      .ranking .top span.top3.bg.t3 {
        color: #c89d60; }
      .ranking .top span.top3.bg:before {
        content: "\e901";
        font-family: 'icomoon' !important;
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        position: relative;
        left: 1px;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale; }
      .ranking .top span.top3.bg .d {
        position: absolute;
        left: 14px;
        color: #fff;
        z-index: 5;
        top: -4px;
        font-size: 15px; }

.mine {
  text-align: center; }
  .mine .img {
    width: 50%;
    margin: 5px auto;
    height: 20px; }
  .mine table {
    width: 100%;
    border: 1px;
    border-color: red;
    text-align: center;
    font-size: 12px;
    frame: below;
    rules: rows;
    border-collapse: collapse; }
    .mine table th {
      font-weight: bold;
      color: #666666; }
    .mine table tr {
      height: 28px;
      line-height: 28px; }
      .mine table tr td {
        color: #5b5858; }
        .mine table tr td span {
          top: 2px;
          position: relative;
          display: inline-block;
          width: 12px;
          height: 12px;
          margin-right: 3px; }
    .mine table:first-child {
      background-color: #f8f8f8; }
      .mine table:first-child th,
      .mine table:first-child tr {
        border-bottom: 1px solid #ececec; }
      .mine table:first-child tr td {
        height: 35px;
        line-height: 35px; }
      .mine table:first-child th,
      .mine table:first-child td {
        width: 25% !important; }
    .mine table:last-child th,
    .mine table:last-child td {
      width: 33.33%; }

.time-select {
  text-align: center;
  height: 48px;
  line-height: 48px;
  background-color: #ececec; }
  .time-select span {
    font-size: 16px;
    color: #0d0d0d; }
  .time-select .button {
    min-height: 48px;
    line-height: 48px;
    color: #4378da;
    width: 50px; }
    .time-select .button:before {
      line-height: 48px !important;
      font-size: 25px; }

.doctorRegistered {
  max-height: 50% !important;
  top: 0px !important;
  background-color: white; }
  .doctorRegistered .checkout {
    background-color: white; }

.modal-backdrop {
  position: absolute;
  top: 94px !important;
  background-color: rgba(0, 0, 0, 0.4); }
